<script lang="ts" setup>
import { reactive } from 'vue'
import QuickSearch from '@/components/QuickSearch/index.vue'
import { FormItem } from '@/types/form'
import { SearchUser } from '@/types/user'

const searchForm = reactive<SearchUser>({
  userName: '',
})
const searchFormItems = reactive<Array<FormItem>>([
  {
    label: '用户名',
    vModel: 'userName',
    placeholder: '用户名',
  },
])
const handleSearch = () => {
  console.log('handleSearch')
}
</script>
<template>
  <quick-search
    :model="searchForm"
    :items="searchFormItems"
    :hidden-reset-button="true"
    @on-search="handleSearch"
  >
  </quick-search>
</template>
